
body, td, th, textarea, input {
    font: 85% "Lucida Grande", sans-serif;
    line-height: 1.4;
}

div#container{
min-width:800px;
height:100%;
padding:0 0px;
margin:0 auto;
background:#ffffff ;
color:#333;
text-align:left;
border:1px solid #ccc;
}

div#datacontent{
min-height:300px;
}

div#datacontent_dojo{
height:85%;
min-height:500px;
margin-top:5px;
margin-right:135px;
}


/*   Header section renders company logo, site nav, nav tab, subnav tab  */

div#header {padding: 5px;
text-align: left;
background-color: #ffffff;
color: #000000;
margin-bottom: 2px;
border-bottom: solid #f44b53 1px; }


#tabsC {
  float:left;
  width:100%;
  background:#FFFFFF;
  font-size:100%;
  font-weight:bold;
  line-height:normal;
  }
  

#tabsC ul {
    margin:0;
    padding:10px 10px 0 50px;
    list-style:none;
  }
#tabsC li {
  display:inline;
  margin:0;
  padding:0;
  }
   
    #tabsC #rit li {
           float:right;
    }
    
    
#tabsC a {
  float:left;
  background:url("../images/tableftB.gif") no-repeat left top;
  margin:0 0 0 4px;
  padding:0 0 0 4px;
  text-decoration:none;
  font-size:12px;
  }
  

#tabsC #navlink a{
  float:right;
  background:none;
  margin-right:5px;
  padding-left:4px;
  padding-right:4px;
  text-decoration:none;
  }
  
#tabsC #navlink a:hover{
  margin-right:5px;
  padding-left:4px;
  padding-right:4px;
  text-decoration:underline;
  color: #555;
  }
 
 #tabsC #navlink a:visited{
  margin-right:5px;
  padding-left:4px;
  padding-right:4px;
  text-decoration:none;
  color: #66c;
  } 
        
#tabsC a span {
  float:left;
  display:block;
  background:url("../images/tabrightB.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#464E42;
  }


#tabsRV {
  float:right;
  width:100%;
  background:#FFFFFF;
  font-size:100%;
  font-weight:bold;
  line-height:normal;
  }


#tabsRV ul {
    margin:0;
    padding:0px 0px 0px 700px;
    list-style:none;
  }
#tabsRV li {
  display:inline;
  margin:0;
  padding:0;
  }
   




/* Commented Backslash Hack hides rule from
IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
  color:#FFF;
  }
#tabsC a:hover {
  background-position:0% -42px;
  }
#tabsC a:hover span {
  background-position:100% -42px;
  }

    #tabsC #current a {
            background-position:0% -42px;
    }
    #tabsC #current a span {
            background-position:100% -42px;
            color:#000;
    }

	 #subtabsC {
	      float:left;
	      width:100%;
	      background:#CCC;
	      font-size:11px;
	      line-height:normal;
	      border-top:1px solid #464E42;
		   color:#FFF;
	      }
	    #subtabsC ul {
	        margin:0;
	        padding:5px 10px 5px 50px;
	        list-style:none;
	      }
	    #subtabsC li {
	      display:inline;
	      margin:0;
	      padding:0;
	      }
	    #subtabsC a {
	      float:left;
	      margin:0;
	      padding:0 0 5px 5px;
	      text-decoration:none;
	      }
	    #subtabsC a span {
	      float:left;
	      display:block;
	      padding:5px 15px 4px 6px;
	      color:#FFFFFF;
	      }
	    /* Commented Backslash Hack hides rule from
	IE5-Mac \*/
	    #subtabsC a span {float:none;}
	    /* End IE5-Mac hack */
	    #subtabsC a:hover span {
	      color:#FFF;
	      }
	    #subtabsC a:hover {
	      background-position:0% -42px;
	      }
	    #subtabsC a:hover span {
	      background-position:100% -42px;
	      }

	    #subtabsC #current a {
	                background-position:0% -42px;
	        }
	    #subtabsC #current a span {
	                background-position:100% -42px;
	                color:#FFF;
	        }

/*************************************************************************/

/* Main content section. This will hold all data sections - table, list view, edit view, read view , messagebox */

div#maincontent 
{
background-color:#FFFFFF;
border-right:1px solid #CCCCCC;
margin-bottom:2px;
margin-left:0%;
margin-right:30%;
padding:2%;
text-align:justify;
}



div#rightcolumn {
background-color:#FFFFFF;
float:right;
height:100%;
min-height:265px;
padding:2%;
width:26%;
}



h1 {
    font-size: 19px;
    color: #000;
    margin: 0 0 20px 0;
    font-weight: bold;
}



h2 {
    color: #000000;
	font-size: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	margin-bottom: 15px;
	font-weight: bold;

}

h3 {
    color: #000000;
	font-size: 13px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
   
}

h4 {
    color: #666666;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 4px;
}

h5 {
    color: #000;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 4px;

}

form {
    margin: 0;
    padding: 0;
    clear: none;
}

img {
    border: 0;
}

p {
    color: #333;
    font-family:  Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 14px;
}

input {
    font-family:  Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333;
}

hr {
    border: 0;
    height: 1px;
    background-color: #ccc;
    color: #ccc;
    width: 100%;
    margin: 10px 0;
}

pre {
    text-align: left; 
    background-color: #def; 
    padding-top: 5px;
    border-style: dotted;
    border-width: 1px;

}



.button {
	border: 1px solid #999999;
	background-color: #dfdfdf;
	font-size: 11px;
	color: #444444;
	font-weight: normal;
	}

.button-bar {
margin-top:15px;
margin-left: 5px;
margin-bottom: 5px;
}



div#footer {padding: 1%;
text-align: center;
clear: both;
border-top: solid #ccc 1px; 
background-color: #ffffff;
font-size: 10px;
color: #cccccc;
}



#a {text-decoration: underline; padding: 1px; }
#a:link { color: #000; }
#a:visited { color: #000; }


a {border:none}

a,a:link,a:link,a:link,a:hover {
	background:transparent;
	text-decoration:underline;
	cursor:pointer
	} 
	
a:link {color: #41749d} 

a:visited {color:#366188}

a:hover {color: #007641;border:none} 

a:active {color:#0066cc}


input {
    font-family:  Arial, Verdana, sans-serif;
    font-size: 11px;
    color: #333;
}

input.box {
    margin: 3px 0;
    padding: 2px 2px 1px 2px;
}


img {
    border-width: 0;
}



/* FORMS - general classes */

input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
form {margin: 0 0 1.5em}
fieldset {border: none}
label {display:block;padding: 5px 0;}
label br {clear:left}


/* FORMS - appform - simple form, headings on left, form elements on right */

 form.appform {
 background:#CCDDEE none repeat scroll 0%;
 border-top:1px solid #D7D7D7;
 padding:0.5em 0pt;
 position:relative;

}

	form.appform fieldset {width:200px; margin: 0 1em}

	form.appform h3 {margin:0 0 .6em;font: bold 125% arial;color:#366188}

	form.appform label {clear:left;float:left;width:100%;border-top: 1px solid #fff; font-size: 10px;}

	

	/* hide from IE mac \*/

	form.appform label {float:none}

	/* end hiding from IE5 mac */



	form.appform label input, form.appform label textarea, form.appform label select {float:left;margin-left:10px; margin-right:10px;}

	

	form.appform label b {float:left;width:12em;line-height: 1.7;display:block;position:relative}

	form.appform label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1.4;left:-.4em;width:.3em;height:.3em}

	form.appform div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}

	form.appform div.req b {color:#c00;font-size:140%}	
	
	form.appform div.schedule {color:#666;font-size:96%;font-weight:normal;position:absolute;top:4.0em;right:22.4em;left:auto;width:93em;text-align:right}
	
	form.appform label select {width: 15.5em}

	form.appform label textarea.f-comments {width: 30em;}

	form.appform div.f-submit-wrap {padding: 5px 0 5px 0px; margin-top: 20px;}

	form.appform input.f-submit {margin: 0 0 0 10px}
	
	
	
	form.appform fieldset.f-checkbox-wrap, form.appform fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}

	form.appform fieldset.f-checkbox-wrap b, form.appform fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}

	form.appform fieldset.f-checkbox-wrap fieldset, form.appform fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}

	form.appform fieldset.f-checkbox-wrap label, form.appform fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}

	form.appform label input.f-checkbox, form.appform label input.f-radio {width:auto;float:none;margin:0;padding:0}

	

	form.appform label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}

	form.appform label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}






